.arco-modal-wrapper {
  overflow-y: hidden !important;
  &.arco-modal-wrapper-align-center {
    @apply flex items-center justify-center;
  }
}

.basic-dialog {
  &.create-dialog {
    max-height: 642px;
  }
  justify-content: center;
  @apply max-h-11/12 overflow-hidden flex! flex-col items-stretch;

  .arco-modal-header {
    padding-right: 16px;
    padding-left: 24px;
    height: 56px;
    border-bottom: 1px solid #eeeff2;
    border-radius: 8px 8px 0 0;
    .arco-modal-title {
      @apply text-1 text-sm font-700;
    }
    .arco-icon-close {
      width: 14px;
      height: 14px;
    }
    .arco-modal-title-icon {
      display: none;
    }
    .cloud-model__title {
      @apply flex items-center gap-x-2 text-sm;
      .cloud-model__icon {
        @apply text-warning;
      }
    }
  }
  .arco-modal-body {
    @apply p-6  flex-1 overflow-y-auto;
    .cloud-model__content {
      @apply flex items-start gap-x-2 text-sm;
      word-break: break-all;
      .cloud-model__icon {
        @apply text-primary;
      }
    }
  }
  .arco-modal-footer {
    padding: 16px 24px;
    border-top: 1px solid #eeeff2;
    border-radius: 0px 0px 8px 8px;
    .arco-btn {
      padding: 6px 16px;
      border-radius: 4px;
      height: 32px;
    }
  }

  &.is-danger {
    .cloud-model__icon {
      @apply text-danger!;
    }
    .arco-modal-footer {
      .arco-btn:last-child {
        @apply bg-danger text-white;
      }
    }
  }
}
/* 隐藏modal头部 */
.hide-header {
  .arco-modal-header {
    display: none !important;
  }
}
